﻿<div class="content-wrap research-listings">
    <div sustainalytics-navigation-menu navigation-menu-templateurl="Views/Menu/PageMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="2"></div>

    <div class="content">
        <div class="content-pad">
            <br />
            <div ng-show="companyList.hasLegendBox" class="listing-legend">
                <div class="listing-legend-access">
                    Research available
                </div>
                <div class="listing-legend-noaccess">
                    Research available with additional subscription
                </div>
                <div class="listing-legend-nodata">
                    Research not available
                </div>
                <div class="listing-legend-clearfilter">
                    Clear filter
                </div>
                <div class="listing-legend-inprogress">
                    Research in progress
                </div>
                <div class="clear"></div>
                <button ng-click="companyList.closeLegendBox()" class="listing-legend-close">Got it, thanks</button>
            </div>

            <br />

            <div class="table" style="table-layout: fixed;">
                <div class="table-row">
                    <div class="table-head width_130 center-align" style="position: relative; width: 150px;">
                        <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('CompanyNameLowercase');" ng-class="companyList.orderByCol === 'CompanyNameLowercase' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Company Name</a>
                        <div class="table-search-container">
                            <input type="text" class="search-inp ng-valid ng-dirty table-search" ng-model="companyList.compFilters.companyNameLowerCase" ng-enter="companyList.searchButtonClick()">
                            <input type="button" value="" ng-click="companyList.searchButtonClick()" class="search-btn">
                        </div>
                    </div>
                    <div class="table-head width_80">
                        <div>
                            <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('ExchangesLowercase');" ng-class="companyList.orderByCol === 'ExchangesLowercase' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Exchange</a>
                        </div>
                        <br />
                        <br />
                    </div>
                    <div class="table-head width_60 center-align">
                        <div>
                            <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('TickersLowercase');" ng-class="companyList.orderByCol === 'TickersLowercase' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Ticker</a>
                        </div>
                        <br />
                        <br />
                    </div>
                    <div class="table-head width_110" style="position:relative;">
                        <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('RootPeerGroup');" ng-class="companyList.orderByCol === 'RootPeerGroup' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Industry</a>
                        <div class="table-search-container">
                            <input type="text" class="search-inp ng-valid ng-dirty table-search" ng-model="companyList.compFilters.industry" ng-enter="companyList.searchButtonClick()">
                            <input type="button" value="" ng-click="companyList.searchButtonClick()" class="search-btn">
                        </div>
                    </div>
                    <div class="table-head width_90 center-align" ng-show="companyList.hasRiskClaim">
                        <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasRiskRatingResearch');" ng-class="companyList.orderByCol === 'HasRiskRatingResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">ESG Risk Rating</a>
                        <div class="table-search-container">
                            <label class="ico-hasdata-filter {{companyList.GetHasResearchTypeEnabled('risk',true) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('risk',true);"></label>&nbsp;&nbsp;
                            <label class="ico-nodata-filter {{companyList.GetHasResearchTypeEnabled('risk',false) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('risk',false);"></label>&nbsp;&nbsp;
                            <label class="ico-reset-filter" ng-click="companyList.ChangeHasResearchType('risk',null);"></label>
                        </div>
                    </div>
                    <div class="table-head width_80 center-align">
                        <div>
                            <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasEsgResearch');" ng-class="companyList.orderByCol === 'HasEsgResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">ESG Rating</a>
                        </div>
                        <div class="table-search-container">
                            <label class="ico-hasdata-filter {{companyList.GetHasResearchTypeEnabled('esg',true) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('esg',true);"></label>&nbsp;&nbsp;
                            <label class="ico-nodata-filter {{companyList.GetHasResearchTypeEnabled('esg',false) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('esg',false);"></label>&nbsp;&nbsp;
                            <label class="ico-reset-filter" ng-click="companyList.ChangeHasResearchType('esg',null);"></label>
                        </div>
                    </div>            
                    <div class="table-head width_90 center-align">
                        <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasGovernanceResearch');" ng-class="companyList.orderByCol === 'HasGovernanceResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Corporate Governance</a>
                        <div class="table-search-container">
                            <label class="ico-hasdata-filter {{companyList.GetHasResearchTypeEnabled('gov',true) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('gov',true);"></label>&nbsp;&nbsp;
                            <label class="ico-nodata-filter {{companyList.GetHasResearchTypeEnabled('gov',false) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('gov',false);"></label>&nbsp;&nbsp;
                            <label class="ico-reset-filter" ng-click="companyList.ChangeHasResearchType('gov',null);"></label>
                        </div>
                    </div>
                    <div class="table-head width_90 center-align">
                        <div>
                            <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasControversyResearch');" ng-class="companyList.orderByCol === 'HasControversyResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Controversies</a>
                        </div>
                        <div class="table-search-container">
                            <label class="ico-hasdata-filter {{companyList.GetHasResearchTypeEnabled('contr',true) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('contr',true);"></label>&nbsp;&nbsp;
                            <label class="ico-nodata-filter {{companyList.GetHasResearchTypeEnabled('contr',false) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('contr',false);"></label>&nbsp;&nbsp;
                            <label class="ico-reset-filter" ng-click="companyList.ChangeHasResearchType('contr',null);"></label>
                        </div>
                    </div>
                    <div class="table-head width_110 center-align">
                        <div>
                            <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('HasGccsResearch');" ng-class="companyList.orderByCol === 'HasGccsResearch' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Global Compact</a>
                        </div>
                        <div class="table-search-container">
                            <label class="ico-hasdata-filter {{companyList.GetHasResearchTypeEnabled('gccs',true) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('gccs',true);"></label>&nbsp;&nbsp;
                            <label class="ico-nodata-filter {{companyList.GetHasResearchTypeEnabled('gccs',false) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('gccs',false);"></label>&nbsp;&nbsp;
                            <label class="ico-reset-filter" ng-click="companyList.ChangeHasResearchType('gccs',null);"></label>
                        </div>
                    </div>
                    <div class="table-head width_90 center-align">
                        <div>
                            <a href="" class="sortable_placeholder" ng-click="companyList.setOrderByCol('PIResearchState');" ng-class="companyList.orderByCol === 'PIResearchState' ? (companyList.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Compliance</a>
                        </div>
                        <div class="table-search-container">
                            <label class="ico-hasdata-filter {{companyList.GetHasResearchTypeEnabled('pi',true) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('pi',true);"></label>&nbsp;&nbsp;
                            <label class="ico-nodata-filter {{companyList.GetHasResearchTypeEnabled('pi',false) && 'active' || ''}}" ng-click="companyList.ChangeHasResearchType('pi',false);"></label>&nbsp;&nbsp;
                            <label class="ico-reset-filter" ng-click="companyList.ChangeHasResearchType('pi',null);"></label>
                        </div>
                    </div>
                </div>
                <div class="{{$index % 2==1 ? 'table-row odd': 'table-row'}}" ng-repeat="company in companyList.companyList">
                    <div class="table-cell width_290" ng-class="{'last':$last}" style="width: 180px; border-left: 1px solid #e0e0e0;">
                        <a ng-show="company.isEnabled" href="#/research/overview/{{company.companyNameUrlFriendly}}" style="width: 150px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" title="{{company.companyName}}">{{company.companyName}}</a>
                        <span ng-show="!company.isEnabled" style="width: 150px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" title="{{company.companyName}}">{{company.companyName}}</span>
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{company.exchangeCode}}
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{company.ticker}}
                    </div>
                    <!--<div class="table-cell width_130">
                        {{company.country}}
                    </div>-->
                    <div class="table-cell width_130" ng-class="{'last':$last}">
                        {{company.peerGroup}}
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}" ng-show="companyList.hasRiskClaim">
                        <a href="#/research/riskratings/{{company.companyNameUrlFriendly}}" ng-disabled="!companyList.hasRiskClaim || !company.hasRiskRatingAccountFeature" ng-show="companyList.hasResearchAvailable('risk', company)" class="comp_has_research"></a>
                        <a ng-show="companyList.hasResearchInProgress('risk', company)" class="comp_research_in_progress"></a>
                        <a ng-show="companyList.hasResearchNotAvailable('risk', company)" class="comp_no_research"></a>
                    </div>
                    <div class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        <a href="#/research/esgRatings/{{company.companyNameUrlFriendly}}" ng-disabled="!companyList.hasEsgClaim || !company.hasEsgAccountFeature" ng-show="companyList.hasResearchAvailable('esg', company)" class="comp_has_research"></a>
                        <a ng-show="companyList.hasResearchInProgress('esg', company)" class="comp_research_in_progress"></a>
                        <a ng-show="companyList.hasResearchNotAvailable('esg', company)" class="comp_no_research"></a>
                    </div>                    
                    <div class="table-cell width_80 center-align" ng-class="{'last':$last}">
                        <a href="#/research/governance/{{company.companyNameUrlFriendly}}" ng-disabled="!companyList.hasGovernanceClaim || !company.hasGovernanceAccountFeature" ng-show="companyList.hasResearchAvailable('gov', company)" class="comp_has_research"></a>
                        <a ng-show="companyList.hasResearchInProgress('gov', company)" class="comp_research_in_progress"></a>
                        <a ng-show="companyList.hasResearchNotAvailable('gov', company)" class="comp_no_research"></a>
                    </div>
                    <div class="table-cell width_80 center-align" ng-class="{'last':$last}">
                        <a href="#/research/controversies/{{company.companyNameUrlFriendly}}" ng-disabled="!companyList.hasControvercyClaim || !company.hasControversiesAccountFeature" ng-show="companyList.hasResearchAvailable('contr', company)" class="comp_has_research"></a>
                        <a ng-show="companyList.hasResearchInProgress('contr', company)" class="comp_research_in_progress"></a>
                        <a ng-show="companyList.hasResearchNotAvailable('contr', company)" class="comp_no_research"></a>
                    </div>
                    <div class="table-cell width_80 center-align" ng-class="{'last':$last}">
                        <a href="#/research/globalcompact/company/{{company.companyNameUrlFriendly}}/" ng-disabled="!companyList.hasGccsClaim || !company.hasGCCSAccountFeature" ng-show="companyList.hasResearchAvailable('gccs', company)" class="comp_has_research"></a>
                        <a ng-show="companyList.hasResearchInProgress('gccs', company)" class="comp_research_in_progress"></a>
                        <a ng-show="companyList.hasResearchNotAvailable('gccs', company)" class="comp_no_research"></a>
                    </div>
                    <div class="table-cell width_110 center-align" ng-class="{'last':$last}">
                        <a href="#/research/pi/{{company.companyNameUrlFriendly}}" ng-disabled="!companyList.hasPiClaim || !company.hasPIAccountFeature" ng-show="companyList.hasResearchAvailable('pi', company)" class="comp_has_research"></a>
                        <a ng-show="companyList.hasResearchInProgress('pi', company)" class="comp_research_in_progress"></a>
                        <a ng-show="companyList.hasResearchNotAvailable('pi', company)" class="comp_no_research"></a>
                    </div>
                </div>
            </div>
            <sustainalytics-pager></sustainalytics-pager>
        </div>
    </div>
</div>